<template>
	<view class="main-content-area">
		<image src="https://resource.lanbaozixun.com/uploads/images/202504170957422b8ad8649.png" mode="widthFix" class="image-fuild"></image>
		<image src="https://resource.lanbaozixun.com/uploads/images/202504170957412e8016127.png" mode="widthFix" class="image-fuild"></image>
		<image src="https://resource.lanbaozixun.com/uploads/images/20250417095741e10743532.png" mode="widthFix" class="image-fuild"></image>
		<view class="qr-code-area u-flex">
			<image class="qr-code" show-menu-by-longpress src="https://resource.lanbaozixun.com/uploads/images/2025041709574000e331870.png" mode="widthFix"></image>
			<image class="qr-code" show-menu-by-longpress src="https://resource.lanbaozixun.com/uploads/images/202504170957408a5724304.png" mode="widthFix"></image>
			<image class="qr-code" show-menu-by-longpress src="https://resource.lanbaozixun.com/uploads/images/20250417095740d1b639378.png" mode="widthFix"></image>
		</view>
	</view>
</template>

<script>
	import {
		getWeixinConfig
	} from '@/api/app'
	export default {
		data() {
			return {
				serve_qr_code:'',
				subscription_qr_code:'',
				subscription_qr_code_tow:''
			};
		},
		onLoad() {
			var _this = this;
			getWeixinConfig().then(res => {
				if(res.code == 1){
					_this.serve_qr_code = res.data.serve_qr_code || '';
					_this.subscription_qr_code = res.data.subscription_qr_code || '';
					_this.subscription_qr_code_tow = res.data.subscription_qr_code_tow || '';
				}
			})
		}
	}
</script>

<style lang="scss">
	.main-content-area{
		background: #DAF1FF;
		padding-top: 60rpx;
	}
	
	.image-fuild{
		width: 100vw;
		display: block;
	}
	
	.qr-code-area{
		width: 100vw;
		padding: 120rpx 10vw;
		background: url('https://resource.lanbaozixun.com/uploads/images/20250417095741d526b2438.png') no-repeat;
		background-size: 100% 100%;
		
		.qr-code{
			width: 150rpx;
			display: block;
			margin: 0 auto;
		}
	}
</style>
